@use '../_variables' as *;
@use '../_mixins' as *;
// 登录注册页面样式
.auth {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: $background-color-base;
  padding: $spacing-extra-large $spacing-base;

  &-card {
    width: 100%;
    max-width: 400px;
    background: $background-color-white;
    border-radius: $border-radius-base;
    padding: $spacing-extra-large;
    box-shadow: $box-shadow-base;

    &-header {
      text-align: center;
      margin-bottom: $spacing-extra-large;

      img {
        height: 40px;
        margin-bottom: $spacing-base;
      }

      h2 {
        font-size: $font-size-extra-large;
        color: $text-primary;
      }
    }

    &-form {
      .el-form-item {
        margin-bottom: $spacing-large;
      }

      .el-button {
        width: 100%;
      }
    }

    &-footer {
      margin-top: $spacing-large;
      text-align: center;
      font-size: $font-size-base;
      color: $text-regular;

      a {
        color: $primary-color;
        margin-left: $spacing-small;
      }
    }
  }
} 